<template>
  <div class="docker" v-show="$store.state.showDocker">
    <van-tabbar v-model="$store.state.index" inactive-color="#000">
      <van-tabbar-item to="/" icon="home-o">首页</van-tabbar-item>
      <van-tabbar-item to="/cart" icon="shopping-cart-o"
        >购物车</van-tabbar-item
      >
      <van-tabbar-item to="/order" icon="balance-o">订单</van-tabbar-item>
      <van-tabbar-item to="/mine" icon="friends-o">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script setup></script>

<style lang="scss" scoped>
.docker {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 0.5rem;
  background-color: #fff;
  z-index: 999;
}
</style>
